<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>v-bind</title>
	<script type="text/javascript" src="../js/vue.js"></script>
	<style type="text/css">
		.class1{
			background: #444;
			color: #eee;
		}
	</style>
</head>
<body>
	<div id="app">
		<label for="r1">修改颜色</label>
		<input type="checkbox" v-model="class1" id="r1" />
		<div v-bind:class="{'class1' : class1}">
			directiva v-bind : class
		</div>

	</div>
	<script type="text/javascript">
		var vm = new Vue({
			el: '#app',
			data: {
				class1: 'false'
			}
		})
	</script>
</body>
</html>
